$(document).ready(function() {
	randerDataTable();	
	$('#selecctall').click(function(event) {
		if (this.checked) {
			$('.inputCheckbox').each(function() {
				this.checked = true;
			});
		} else {
			$('.inputCheckbox').each(function() {
				this.checked = false;
			});
		}
	});
	$('.paginate_button ').click(function(event) {
		checkInputCheckbox() ;
	});
});

function setScreenScollTop (){
	$("html,body").animate({scrollTop: 0}, 100);
}

function SaveList(){
	addDataTable();
	$("#successModal").modal('show');
	
}
function addDataTable(){
	
	var vaPackageId = $("#PacId").val();
	var checkbox_menuId = [];
	var i = 0;
	$(".checkbox").each(function(){
		if($(this).is(":checked")==true){
			checkbox_menuId[i] =$(this).val();
		}
	    i++;
	  });
	
	 $.ajax({
		    type : 'POST',
		    url : "CS88001Srvl",
		    data:{
		    	process_type:"insert",
		    	checkbox_menuId : checkbox_menuId,
		    	vaPackageId:vaPackageId,
		    	url_address:$("#url_address").val(),
		    	agent_browser:$("#agent_browser").val()
		    	
		    }, 
		    success : function(data) {
		    }
		});
}

function back(){
	location.href='CS88000.jsp';
}

function checkInputCheckbox() {
	var checkAll = true;
	$('.inputCheckbox').each(function() {

		if (this.checked == false) {
			checkAll = false;
		}
	});

	if (checkAll == true) {
		$('#selecctall').prop('checked', true);

	} else {
		$('#selecctall').prop('checked', false);
	}
}
//renderDataTable
function randerDataTable(){
	var vaPackageId = $("#PacId").val();
	$('#menu-package').DataTable( {
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
		searching: true,
		"aoColumns" : [ {"sTitle": "<input type='checkbox' id='selecctall' onclick='checkAll()'/>", 
			sClass: "alignCenter", 
			sWidth: '5%', 
			"bSortable": false,
			"mRender": function ( data, type, full ) { 
				 if(full[0] == "YES"){
					return '<input class="checkbox inputCheckbox" type="checkbox" checked="checked" style="margin-left: 22px;" onclick="checkInputCheckbox()" value="'+full[2]+'">';
				}else{
					return '<input class="checkbox inputCheckbox " type="checkbox" style="margin-left: 22px;" onclick="checkInputCheckbox()" value="'+full[2]+'">';
				}
			}
		
			},
		                {"sTitle": "ชื่อเมนู", sClass: "text-left", sWidth: '20%'},
		                {"sTitle": "รหัสหน้า", sClass: "text-left", sWidth: '20%'},
		                {"sTitle": "ลิ้งค์",sClass: "text-left",sWidth: '20%', "bSortable": false},
		               ],
		"bPaginate": false,
		"bInfo" : true,
		"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
		"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		"bScrollCollapse": true,
		"aLengthMenu": [
		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
		 ],
		 "bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
		 "serverSide": true,
		/* "iDeferLoading": 11, */
         "sAjaxSource": "CS88001Srvl?process_type=getDataTable&packageId="+vaPackageId+"",
	} );
}
